<template>
	<view class="Mheader">
		<view class="Mheader-name" :class="hidTag&&'hidTag'">
			<slot></slot>
		</view>
		<slot name="right"></slot>
	</view>
</template>

<script setup>
	import { reactive, onMounted, computed, ref } from 'vue'
	import { onLoad } from '@dcloudio/uni-app'
	const state = reactive({
		data: {}
	})

	const props = defineProps({
		hidTag: {
			type: Boolean,
			default: () => false
		}
	})

	onLoad((query) => {

	})
</script>

<style lang="scss" scoped>
	.Mheader {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 80rpx;
		padding: 0 30rpx;
		border-bottom: 1rpx solid #eee;

		.Mheader-name {
			display: flex;
			align-items: center;
			font-weight: 800;
			// color: #409eff;

			&::before {
				content: '';
				width: 7rpx;
				height: 28rpx;
				margin-right: 20rpx;
				background: #409eff;
				border-radius: 6rpx;
			}


			&.hidTag::before {
				display: none;
			}
		}
	}
</style>